@charset "utf-8";
/* CSS Document */
/* --------------全局定义--------------- */
*{ margin:0;padding:0;}

/* 取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */

body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, input, button, textarea, form{margin:0; padding:0;}
body{color:#666; background:#fff; font:12px/24px "微软雅黑","宋体",Verdana,Arial,sans-serif,"Times New Roman";text-align:center;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
li{list-style-type:none;}
img{ border:0 none;}
table{border-collapse:collapse;}/*让table下的tr边框显示*/
a:link, a:visited{color:#666;text-decoration:none;}
a:hover{color:#f69143;text-decoration:none;}
a {outline:none;star:expression(this.onFocus=this.blur());}
.fl{float:left;}
.fr{float:right;}
.cls{clear:both;height:0px;width:100%;font-size:1px;line-height:0px;visibility:hidden;overflow:hidden;}
.overflow{ overflow:hidden}

/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
body div{text-align:left;}

/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}

/* 清除ul列表标记的样式 */
li{list-style-type:none;}

/* 定义图片边框 */
img{ border:0 none;}

/* 定义默认的链接样式 */
a:link, a:visited{color:#666;text-decoration:none;}
a:hover{color:#f00;text-decoration:none;}

/* 去掉链接的虚线框 */
a {outline:none;star:expression(this.onFocus=this.blur());}

/* 定义H系列标签，覆盖H系列标签默认属性 */
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

/* --------------通用属性定义--------------- */
/* 鼠标样式 */
.pointer{ cursor:pointer;}

/* 取消边框 */
.noborder{ border:0 none;}
.nopadding{padding:0; }

/* 文本对齐方式 */
.t_l{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}

/* 字母和单词换行设置，强制内容换行，强制内容不换行 */
.break{word-break:break-all;word-wrap:break-word;}
.nobreak{word-break:keep-all;word-wrap:normal;}

/* 定义文本下划线 */
.unline{text-decoration:underline;}
.disunline{text-decoration:none;}

/* 浮动定义 */
.fl{float:left;}
.fr{float:right;}

/* 定位关系 */
.absolute{position:absolute;}
.relative{position:relative;}

/* 隐藏元素，当元素内容内容超出元素height 或 width 时，隐藏之 */
.o-hidden{overflow:hidden;}

/* 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 */
.invisible{visibility:hidden;}

/* 从页面布局上隐藏元素，从布局上隐藏元素 */
.hidden{display:none;}
.block{display:block;}

/* 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */
.clear{clear:both;height:0px;width:100%;font-size:1px;line-height:0px;visibility:hidden;overflow:hidden;}

/* -----------------常用样式定义----------------- */

/* 下划线 */
.botline{border-bottom:1px solid #cfcfcf;overflow:hidden;}
/* 下划点虚线 */
.dotline{background:url(../image/dot01.gif) repeat-x left bottom;}

/* 颜色功能定义,表示color */
.red{color:#f00;}
.white{color:#fff;}
.green{color:#0f0;}
.gray{color:#666;}
.blue{color:#00f;}
.black{color:#000;}
.yellow {color:#bf0000;}

/* 定义某个项目常用颜色 */
.c001{color:#06c;}
.c002{color:#c60;}

/* 字体样式 */
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.fi{font-style:italic;}

/* 字体大小 */
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}

/*定义间距*/
.margin1{margin-top:1px;}
.margin5{margin-top:5px;}
.margin8{margin-top:8px;}
.margin20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.marbot20{margin-bottom:20px;}
.mt30{margin-top:30px;}
.mabox{margin:15px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.height380{height:380px;}
.height248{height:248px}
.height281{height:281px;}
.height380{height:380px;}
.height248{height:248px}
.height281{height:281px;}
.height301{height:301px;}
.height233{height:233px;}
.height368{height:368px;}
.height220{height:220px;}

/* 定义间距,上下2个div间距，用divh开头。上下divh有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG。使用下面属性可兼容大多浏览器。*/
.divh5,.divh10,.divh15,.divh20,.divh25,.divh30,divh1,.divh40{width:100%;overflow:hidden;}
.divh1{height:1px;}
.divh5{height:5px;}
.divh8{height:8px;}
.divh10{height:10px;}
.divh15{height:15px;}
.divh20{height:20px;}
.divh25{height:25px;}
.divh30{height:30px;}


/* 定义行高，lh使用较少,主要定义line-height属性 */
.lh1{line-height:1px;}
.lh10{line-height:10px;}
.lh15{line-height:15px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}

/* 标题样式定义,ptit在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中. */
.ptit25,.ptit20,.ptit18,.ptit30,.ptit,.ptit1,.ptit22{ width:100%; overflow:hidden;}
.ptit30{ line-height:30px; height:30px;}
.ptit25{ line-height:25px; height:25px;}
.ptit22{ line-height:22px; height:22px;}
.ptit20{ line-height:20px; height:20px;}
.ptit18{ line-height:18px; height:18px;}
.ptit15{ line-height:15px; height:15px;}
.ptit10{ line-height:10px; height:10px;}
.ptit1{ line-height:1px; height:1px;}

/* 更多样式设计 more 显示在右侧更多/more样式,可根据需求扩展 */
.more{text-align:right;position:absolute;top:0;right:5px;}
.morer10{position:absolute;top:0px;right:10px;font:12px normal; }
.morer15{ position:absolute;top:0px;right:15px;font:12px normal;}

.fullwidth{width:1200px;margin:0 auto;}
.wrap{width:1200px;margin:0 auto}
h4.general_title{height:40px; line-height:40px;border-bottom:2px solid #ef7718;color:#333; position:relative; font-weight:bold}
h4.general_title a.more{color:#555; font-size:12px; position:absolute;top:5px;right:18px; font-family:"宋体"; font-weight:normal}

/*头部*/

.header{height:30px;background:#eee;}
.header .hd_dl{padding-left:10px;color:#5c5c5c;height:30px;overflow:hidden;}
.header .hd_dl a{color:#f78429;}
.header .hd_nav{width:240px;padding-right:10px;}
.top{border-bottom:3px solid #ef761b;background:url("../images/top_bg.png") no-repeat center 18px;display:block;}
.menu{position:relative;height:120px;z-index:999;}
.menu .logo{position:absolute;width:331px;height:55px;top:34px;left:0;}
.menu .search{position:absolute;right:0;top:25px;width:417px;}
.menu .search .search_input{position:absolute;top:0;left:0;border:none;outline:none;background:#fff;width:300px;height:20px;z-index:10;padding:5px 12px;color:#2c3e50;border: 2px solid #ffa800;}
.menu .search .search_submit{position:absolute;top:0;right:0;border:none;outline:none;display:block;background:#ffa800;width:93px;height:34px;font-size:14px;color:#fff;line-height:34px;text-align:center;cursor:pointer;}

/*导航*/

.menunav{position:absolute;bottom:-2px; right:0;}
.menunav a{ font-size:14px;}
.menunav a:hover{text-decoration:none;}
.nav{width:680px;height:45px;line-height:45px;text-align:center;font-size:12px;position:relative;background:url("../images/nav_bg.png") repeat-x;margin:0 100px 0 80px;}
.nav_bg_1,.nav_bg_2{position:absolute;height:45px;line-height:45px;z-index:5;}
.nav_bg_1{width:81px;left:0;bottom:0;}
.nav_bg_2{width:100px;right:0;bottom:0;}
.nav_bg_1 a,.nav_bg_2 a{display:inline-block; color:#fff;}
.nav_bg_1 a{background:url("../images/nav_bg.png") -1px -44px;width:50px; padding-left:31px;}
.nav_bg_2 a{background:url("../images/nav_bg.png") -82px -44px;width:85px; padding-left:15px;}
.nav_bg_1 a:hover{background-position:-1px -89px;}
.nav_bg_2 a:hover{background-position:-82px -89px;}
.nav_bg_1 a.cur{background-position:-1px -89px;}
.nav_bg_2 a.cur{background-position:-82px -89px;}
.nav-main{width:100%;height:100%;}
.nav-main span{display:inline-block;margin-left:4px;width:9px;height:5px;background:url('../images/down-icon.png') no-repeat;z-index:9;}

.nav-main span.hover-up{transform:rotate(180deg);-webkit-transform:rotate(180deg);-webkit-transition:all 0.2s ease-in-out;}
.nav-main span.hover-down{transform:rotate(0deg);-webkit-transform:rotate(0deg);-webkit-transition:all 0.2s ease-in-out;}
.nav-main>li{width:84px; height:100%; display:block;float:left;margin-right:1px;font-size:14px;}
.nav-main>li a{display:inline-block;width:100%;height:100%;color:#fff;}
.nav-main>li a:hover{background:url("../images/nav_bg.png") 0 -134px;}
.nav-main>li a.cur{background:url("../images/nav_bg.png") 0 -134px;}
.hidden-box{width:120px; border:1px solid #ffa800;position:absolute;top:45px;display:none; z-index:20;}
.hidden-box>ul{list-style-type:none;color:#666;cursor:pointer;}
.hidden-box li{background:#fff;padding-left:15px;height:40px;line-height:40px;border-bottom:1px solid #f0f0f0;}
.hidden-box li a{ font-size:12px;}
.hidden-box li:last-child{border-bottom:none;}
.hidden-box li:hover{background:#ffa800;color:#fff;}
.hidden-box li:hover a{color:#fff;}
.hidden-loc-index{left:3px}
.hidden-loc02{left:88px}
.hidden-loc03{left:173px}
.hidden-loc04{left:258px}
.hidden-loc05{left:428px;width:170px;}
.hidden-loc06{left:513px}
.hidden-loc08{left:599px}

/*bottom 尾部*/
.bottom{height:106px;background:#22211f;color:#eee;}
.bottom_txt{text-align:left;}
.bottom_icon{padding-top:20px; text-align:right;}
.bottom_icon img{vertical-align:middle; margin-left:50px;}

/*new*/
.color_red{color: #DB0000;}
.color_orange{color: #FF6C00;}
.input200{width:200px;}
.input20{width:20px;}
.input100{width:100px;}
.redbtn{padding:8px 10px;background:#D60000;font-size:16px;color:#fff;border:0;text-align:center;cursor:pointer;}
.bluebtn{padding:8px 10px;background:#4493d8;font-size:16px;color:#fff;border:0;text-align:center;cursor:pointer;}
.bluebtn_s{padding:4px 10px;background:#4493d8;font-size:15px;color:#fff;border:0;text-align:center;cursor:pointer;}

